<%--
  Created by IntelliJ IDEA.
  User: banddong
  Date: 2020/9/2
  Time: 23:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>测试</title>
</head>

<script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript">

    $(function () {
        $("#asyncBtn").click(function () {

            console.log("ajax函数之前");

            $.ajax({
                 "url":"test/ajax/async.html",
                 "type":"post",
                 "dateType":"text",
                 "async":false,  //关闭异步工作模式，使用同步操作,一个线程按顺序执行
                 "success":function(response) {
                    console.log("ajax函数内部的success函数："+response);
                }
            });

            // 在$.ajax()执行完成后执行，不等待success()函数
            console.log("ajax函数之后");
            /*setTimeout(function () {
                // 在$.ajax()执行完成后执行，不等待success()函数
                console.log("ajax函数之后");

            },5000); // 等待5秒*/
        });
    });
</script>

<body>

<button id="asyncBtn">发送Ajax请求</button>

</body>
</html>
